$(function(){
if(window.WebSocket) {
    console.log("浏览器支持WebSocket");
    /**
     * 获取socket的连接
     */
    var meNumber=$("#meNumber").text();
    /**
     * 修改连接的IP地址
     * @type {WebSocket}
     */
    var socket = new WebSocket("ws://192.168.1.184/websocket/"+meNumber);
    socket.onopen=function () {
        console.log("socket 连接成功!");
    }
    socket.onclose=function () {
        console.log("socket 连接关闭");
    }
    /**
     *加载模态框（聊天界面）
     */
    /* -----------------------------------------------------*/
    var friendId;
    $(document).on("click", '.friend', function (){
        friendId=$(this).attr("alt");
        var friendName=$(this).children("span:first-child").text();
        if(confirm("确认发起和"+friendName+"的聊天？")){
            $("#myModalLabel").html("正在和<span style='color:orange'>"+friendName+"</span>聊天");
            $(".modal-body").html("").append("<div id=\"getMessage\"></div>"+
                "<div id='input'>请在以下输入框内输入:</div>"+
                "<textarea maxlength='200' id='textarea' style='resize: none'></textarea>"
            );
            $(".modal-footer").html("").append("<button id='clearText' class='btn'>清空输入内容</button><button id='send' class='btn btn-primary'>发送</button>");
            socket.onmessage=function (resultData) {
                console.log(resultData);
                $("#getMessage").append(resultData.data);
                $(".dataMessage").children("div:last-child").addClass("cssStyle");
            }
        }
        $.session.set("UserClick",true);
    });

    /**
     * 清除，发送功能实现
     */
    $(document).on("click", '#clearText', function () {
        $("#textarea").val("");
    });
    $(document).on("click", '#send', function () {
        var text=$("#textarea").val();
        if(text!="") {
            var array = new Array(friendId, text);
            socket.send(JSON.stringify(array));
            $("#textarea").val("");
        }else{
            alert("请输入内容");
        }
    });
    /**
     * 回车发送
     */
    $(document).keyup(function(event){
        if(event.keyCode ==13) {
            var text = $("#textarea").val();
            if (text != "") {
                var array = new Array(friendId, text);
                socket.send(JSON.stringify(array));
                $("#textarea").val("");
            } else {
                alert("请输入内容");
            }
        }
    });

    $(document).on("click", '.close', function (){
        console.log("连接关闭");
    });
    /* -----------------------------------------------------*/

}else{
    alert("手机浏览器不支持webSocket，请切换为PC端");
    console.log("浏览器不支持webSocket")
    $("#getMessage").append("<div>浏览器不支持webSocket</div>")
}
});